<nav class="navbar navbar-default navbar-fixed-top active">
    <div class="container active">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
                    data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand lh-img-box" href="__ROOT__/">
                <img src="__TMPL__/public/assets/images/comp/comp_logo.jpg"
                     class="lh-img-nav"
                     alt=""></a>
        </div>

        <div class="collapse navbar-collapse active" id="bs-example-navbar-collapse-1">
            <ul id="main-menu" class="nav navbar-nav">
                <li class="menu-item menu-item-level-1">
                    <a href="/thinkcmf/public/portal/homeen.html" target="">Home</a>

                </li>
                <li id="nav_about" class="dropdown dropdown-custom dropdown-custom-level-1">
                    <a href="/thinkcmf/public/portal/abouten.html" class="dropdown-toggle dropdown-toggle-1" data-toggle="dropdown">
                        About Us<span class="caret"></span>
                    </a>
                    <!--<ul class="dropdown-menu dropdown-menu-level-1">-->
                    <!--<li class="menu-item menu-item-level-2">-->
                    <!--<a href="/thinkcmf/public/portal/about.html#0" target="">UVTech</a>-->
                    <!---->
                    <!--</li>-->
                    <!--<li class="menu-item menu-item-level-2">-->
                    <!--<a href="/thinkcmf/public/portal/about.html#1" target="">生產</a>-->
                    <!--</li>-->
                    <!--<li class="menu-item menu-item-level-2">-->
                    <!--<a href="/thinkcmf/public/portal/about.html#2" target="">研發</a>-->
                    <!--</li>-->
                    <!--</ul>-->
                </li>
                <li id="nav_product" class="dropdown dropdown-custom dropdown-custom-level-1">
                    <a href="/thinkcmf/public/portal/producten.html" class="dropdown-toggle dropdown-toggle-1" data-toggle="dropdown">
                        Product<span class="caret"></span>
                    </a>
                    <!--<ul class="dropdown-menu dropdown-menu-level-1">-->
                    <!--<li class="menu-item menu-item-level-2">-->
                    <!--<a href="/thinkcmf/public/portal/product.html#0" target="">油網煙罩</a>-->
                    <!--</li>-->
                    <!--<li class="menu-item menu-item-level-2">-->
                    <!--<a href="/thinkcmf/public/portal/product.html#1" target="">運水煙罩</a>-->
                    <!--</li>-->
                    <!--<li class="menu-item menu-item-level-2">-->
                    <!--<a href="/thinkcmf/public/portal/product.html#2" target="">紫外線煙罩</a>-->
                    <!--</li>-->
                    <!--<li class="menu-item menu-item-level-2">-->
                    <!--<a href="/thinkcmf/public/portal/product.html#3" target="">變頻抽油煙罩</a>-->
                    <!--</li>-->
                    <!--<li class="menu-item menu-item-level-2">-->
                    <!--<a href="/thinkcmf/public/portal/product.html#4" target="">天花煙罩</a>-->
                    <!--</li>-->
                    <!--<li class="menu-item menu-item-level-2">-->
                    <!--<a href="/thinkcmf/public/portal/product.html#5" target="">自定义煙罩</a>-->
                    <!--</li>-->
                    <!--<li class="menu-item menu-item-level-2">-->
                    <!--<a href="/thinkcmf/public/portal/product.html#6" target="">UNIHOOD</a>-->
                    <!--</li>-->
                    <!--</ul>-->
                </li>
                <li id="nav_case" class="dropdown dropdown-custom dropdown-custom-level-1">
                    <a href="#" class="dropdown-toggle dropdown-toggle-1" data-toggle="dropdown">
                        Case<span class="caret"></span>
                    </a>
                    <!--<ul class="dropdown-menu dropdown-menu-level-1">-->
                        <!--<li class="menu-item menu-item-level-2">-->
                            <!--<a href="/thinkcmf/public/portal/case.html#0" target="">Cooperative Brand</a>-->
                        <!--</li>-->
                    <!--</ul>-->
                </li>
                <li id="nav_service" class="dropdown dropdown-custom dropdown-custom-level-1">
                    <a href="#" class="dropdown-toggle dropdown-toggle-1" data-toggle="dropdown">
                        Services<span class="caret"></span>
                    </a>
                    <!--<ul class="dropdown-menu dropdown-menu-level-1">-->
                        <!--<li class="menu-item menu-item-level-2">-->
                            <!--<a href="/thinkcmf/public/portal/service.html#0" target="">Our services</a>-->
                        <!--</li>-->
                        <!--<li class="menu-item menu-item-level-2">-->
                            <!--<a href="/thinkcmf/public/portal/service.html#1" target="">Download</a>-->
                        <!--</li>-->
                        <!--<li class="menu-item menu-item-level-2">-->
                            <!--<a href="/thinkcmf/public/portal/service.html#2" target="">The latest news</a>-->
                        <!--</li>-->
                    <!--</ul>-->
                </li>
                <li id="nav_contact" class="dropdown dropdown-custom dropdown-custom-level-1">
                    <a href="#" class="dropdown-toggle dropdown-toggle-1" data-toggle="dropdown">
                        Contact<span class="caret"></span>
                    </a>
                    <!--<ul class="dropdown-menu dropdown-menu-level-1">-->
                        <!--<li class="menu-item menu-item-level-2">-->
                            <!--<a href="/thinkcmf/public/portal/contact.html" target="">Contact way</a>-->
                        <!--</li>-->
                    <!--</ul>-->
                </li>
            </ul>
            <!--docker support begin-->
            <div id="nav_about_item" class="lh-dropdown-item lh-nav">
                <ul>
                    <li class="col-md-4"><a href="/thinkcmf/public/portal/abouten.html#0" target=""><span><img src="__TMPL__/public/assets/images/comp/products.png"></span>UVTech</a></li>
                    <li class="col-md-4"><a href="/thinkcmf/public/portal/abouten.html#1" target=""><span><img src="__TMPL__/public/assets/images/comp/products.png"></span>Production</a></li>
                    <li class="col-md-4"><a href="/thinkcmf/public/portal/abouten.html#2" target=""><span><img src="__TMPL__/public/assets/images/comp/products.png"></span>R&D</a></li>
                </ul>
            </div>
            <div id="nav_product_item" class="lh-dropdown-item lh-nav">
                <ul>
                    <li class="col-md-4"><a href="/thinkcmf/public/portal/producten.html#0" target=""><span><img src="__TMPL__/public/assets/images/comp/products.png"></span>The Classic FRHS Ventilation H</a></li>
                    <li class="col-md-4"><a href="/thinkcmf/public/portal/producten.html#1" target=""><span><img src="__TMPL__/public/assets/images/comp/products.png"></span>The Hydro-Vent Hood – WRHS</a></li>
                    <li class="col-md-4"><a href="/thinkcmf/public/portal/producten.html#2" target=""><span><img src="__TMPL__/public/assets/images/comp/products.png"></span>The Superior UVTRHS Ventilatio</a></li>
                </ul>
                <ul>
                    <li class="col-md-4"><a href="/thinkcmf/public/portal/producten.html#3" target=""><span><img src="__TMPL__/public/assets/images/comp/products.png"></span>Variable Speed Control Exhaust</a></li>
                    <li class="col-md-4"><a href="/thinkcmf/public/portal/producten.html#4" target=""><span><img src="__TMPL__/public/assets/images/comp/products.png"></span>Ventilated Ceiling</a></li>
                    <li class="col-md-4"><a href="/thinkcmf/public/portal/producten.html#5" target=""><span><img src="__TMPL__/public/assets/images/comp/products.png"></span>The Custom Engineered</a></li>
                </ul>
                <ul>
                    <li class="col-md-4"><a href="/thinkcmf/public/portal/producten.html#6" target=""><span><img src="__TMPL__/public/assets/images/comp/products.png"></span>UNIHOOD</a></li>
                </ul>
            </div>
            <div id="nav_case_item" class="lh-dropdown-item lh-nav">
                <ul>
                    <li class="col-md-3"><a href="/thinkcmf/public/portal/caseen.html#0" target=""><span><img src="__TMPL__/public/assets/images/comp/cases.png"></span>Cooperative Brand</a></li>
                </ul>
            </div>
            <div id="nav_service_item" class="lh-dropdown-item lh-nav">
                <ul>
                    <li class="col-md-3"><a href="/thinkcmf/public/portal/serviceen.html#0" target=""><span><img src="__TMPL__/public/assets/images/comp/services.png"></span>Our services</a></li>
                    <li class="col-md-3"><a href="/thinkcmf/public/portal/serviceen.html#1" target=""><span><img src="__TMPL__/public/assets/images/comp/services.png"></span>Download</a></li>
                    <li class="col-md-3"><a href="/thinkcmf/public/portal/serviceen.html#2" target=""><span><img src="__TMPL__/public/assets/images/comp/services.png"></span>The latest news</a></li>
                </ul>
            </div>
            <div id="nav_contact_item" class="lh-dropdown-item lh-nav">
                <ul>
                    <li class="col-md-3"><a href="/thinkcmf/public/portal/contacten.html" target=""><span><img src="__TMPL__/public/assets/images/comp/contact_us.png"></span>Contact way</a></li>
                </ul>
            </div>
            <!--docker support end-->
            <ul class="nav navbar-nav navbar-right" id="main-menu-user">
                <li class="">
                    <a href="/thinkcmf/public">中文版</a>
                </li>
                <li class="">
                    <a href="/thinkcmf/public/portal/homeen.html">English</a>
                </li>
            </ul>
        </div>
    </div>
</nav>
<script>
    $(function () {
        $("#main-menu li").hover(function (event) {
            var pthis = $(this);
            var id = pthis.attr("id")+'_item';
            $('.lh-nav-active').removeClass('lh-nav-active').addClass('lh-nav');
            $('#'+id).removeClass('lh-nav').addClass('lh-nav-active');
        });
        $(".lh-dropdown-item").hover(function (event) {
            console.log('');
        },function (event) {
            var pthis = $(this);
            var id = pthis.attr("id");
            $('#'+id).removeClass('lh-nav-active').addClass('lh-nav');
        });
    });
</script>